<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE HTML>
<html lang="en-US">
<head>
	<base href="<%=basePath%>">
	<meta charset="UTF-8">
	<title></title>
	<link rel="stylesheet" href="<%=basePath%>css/bootstrap.css" />
	<link rel="stylesheet" href="<%=basePath%>js/bootstrap.min.js" />
	<link href="<%=basePath%>css/bootstrap-responsive.css" rel="stylesheet">
    <link href="<%=basePath%>js/google-code-prettify/prettify.css" rel="stylesheet">
	<link rel="shortcut icon" href="<%=basePath%>img/logo.jpg">
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="<%=basePath%>img/apple-touch-icon-144-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="<%=basePath%>img/apple-touch-icon-114-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="<%=basePath%>img/apple-touch-icon-72-precomposed.png">
    <link rel="apple-touch-icon-precomposed" href="<%=basePath%>img/apple-touch-icon-57-precomposed.png">
	
	
	<script type="text/javascript" src="<%=basePath%>js/jquery.js"></script>
    <script type="text/javascript" src="<%=basePath%>js/google-code-prettify/prettify.js"></script>
    <script type="text/javascript" src="<%=basePath%>js/bootstrap-transition.js"></script>
    <script type="text/javascript" src="<%=basePath%>js/bootstrap-alert.js"></script>
    <script type="text/javascript" src="<%=basePath%>js/bootstrap-modal.js"></script>
    <script type="text/javascript" src="<%=basePath%>js/bootstrap-dropdown.js"></script>
    <script type="text/javascript" src="<%=basePath%>js/bootstrap-scrollspy.js"></script>
    <script type="text/javascript" src="<%=basePath%>js/bootstrap-tab.js"></script>
    <script type="text/javascript" src="<%=basePath%>js/bootstrap-tooltip.js"></script>
    <script type="text/javascript" src="<%=basePath%>js/bootstrap-popover.js"></script>
    <script type="text/javascript" src="<%=basePath%>js/bootstrap-button.js"></script>
    <script type="text/javascript" src="<%=basePath%>js/bootstrap-collapse.js"></script>
    <script type="text/javascript" src="<%=basePath%>js/bootstrap-carousel.js"></script>
    <script type="text/javascript" src="<%=basePath%>js/bootstrap-typeahead.js"></script>
    <script type="text/javascript" src="<%=basePath%>js/bootstrap-affix.js"></script>
    <script type="text/javascript" src="<%=basePath%>js/application.js"></script>
	<style type="text/css">
		.navbar{
			background-color:#999999;
		
		}
		body{
			background-color:#F3F1EC;
		
		
		.span6{
			border: 1px solid #DADEE5;
			border-top-left-radius: 5px;
			border-top-right-radius: 5px;
			margin: 0;
			padding: 15px 30px;
			height:auto;
			
		}
		#word{
			background:#F0F5F8;
		    
		}
		
		
	</style>
</head>
<body>
	<div id="container">
		<%@ include file="top.jsp"%>
		<div id="content">
			
			<div id="left" class="span3">
				<jsp:include page="lefttop.jsp">
					<jsp:param value="contact" name="tag"/>
				</jsp:include>
				<%@ include file="leftdown.jsp" %>
			</div>
			

				
				
				<div class="content span6" style="width:420px;float: left;position: relative;background:#fff;font-size: 16px;overflow: hidden;padding: 20px;min-height:500px;">
					<img src="img/photo.jpg" alt="" style="width:70px;height:70px;margin-top:0px;" />
					<div class="per" style="position:absolute;left:120px;top:20px;">
						<span style="color:#0047b3;font-size:16px;"><a href="<%=basePath%>contact/toacontact?contactid=${contact.id}">${contact.name}</a></span><br/><br/>
						<span>${contact.company}</span><br />
						<span>email+电话号码 </span>
					</div>
					<div class="tabbable" style="margin-bottom:0px;margin-top:20px;">
				        <ul class="nav nav-tabs">
				          <li class="active"><a href="#tab1" data-toggle="tab">添加备注</a></li>
				          <li><a href="#tab2" data-toggle="tab">把握机会</a></li>
				          <li><a href="#tab3" data-toggle="tab">微博</a></li>
				          <li><a href="#tab4" data-toggle="tab">QQzone</a></li>
				        </ul>
			        	<div class="tab-content" style="padding-bottom: 9px; border-bottom: 1px solid #ddd;">
					          <div class="tab-pane active" id="tab1">
					          	<p>写下对${contact.name}的新认识</p>
					          	<textarea name="contact.note" id=""  rows="5" class="span4" style="resize:none;margin-left:20px;"></textarea>
					            
					          </div>
					          <div class="tab-pane" id="tab2">
					            <p><a class="btn btn-warning" href="adddeal.action">
										<i class="icon-plus"></i>Add your first deal
									</a>						
								</p>
					          </div>
					          <div class="tab-pane" id="tab3">
					            <p>在这里<a href="javascript:">@${contact.weibo}</a>可以找到他 </p>
					          </div>
					          <div class="tab-pane" id="tab4">
					            <p>来看看它的个人空间${contact.qqzone}</p>
					          </div>
				        </div>
			       </div> 
																																										
				</div>								
			
			<div class="span3">
				<div class="taskbox" style="background:#f8f8f8;">
					<div class="boxcontent" style=" padding: 12px 15px;margin: 0;border:1px solid #DADEE5;">
						<p><a href="<%=basePath%>contact/toedit.action?contactid=${contact.id}">编辑联系人</a></p>
						<hr style="margin:5px;"/>
						<p style="font-size:12px;">You can create tasks via email by using your create-a-task-by-email dropbox addresses. <br />
							<br />Subscribe to your iCalendar task feed to see Highrise tasks on your Backpack Calendar, Apple iCal, Mozilla Calendar or other program that supports the iCalendar format. 
						
						</p>
						
					</div>
				
				</div>
			
			</div>
					
		</div>
	
	</div>
	<script type="text/javascript">
		$(document).ready(function () {  
								
			$(".tip").tooltip();
			$('.dropdown-toggle2').dropdown();
			
		});  
		
	</script>	
</body>
</html>